<template>
<div>

<el-table :data="tableData" border>
	<el-table-column prop="code" label="编号" align="center"></el-table-column>
	<el-table-column prop="name" label="名称" align="center"></el-table-column>
	<el-table-column label="操作" width="170" align="center">
		<template slot-scope="scope">
			<el-button type="primary" size="mini" icon="el-icon-edit" circle
      		@click="edit(scope.row)"
      		></el-button>
			<el-button type="success" size="mini" icon="el-icon-plus" circle
			@click="create(scope.row)"
			></el-button>
			<el-button type="danger" size="mini" icon="el-icon-minus" circle
			@click="del(scope.row)"
			></el-button>
		</template>
	</el-table-column>
</el-table>

</div>
</template>

<script>


export default {
	
	name : 'role',
	
	data () {
		return {
		  	tableData : [],
		}
	},

	props : {

	},

	components : {
		
	},

	computed : {

	},

	methods : {
		async init () {
			this.tableData = await this.$http('roleList');
		},
	},

	watch : {
	    
	},

	mounted () {
		this.init();
	},

}
</script>

<style scoped>

</style>
